<template>
  <img :src="store.$state.userInfo.avatarUrl" alt="用户头像" class="userImage"/>
  <text>{{store.$state.userInfo.nickName}}</text>
  <button @click="outUser" size="mini" >退出登录</button>
</template>

<script setup lang="ts">
import {mainStore} from '../../store'
import {user,outUser} from '../../hooks/useUserMessage'
const store = mainStore()
</script>

<style lang="less" scoped>
@userImage_Width:150px;
@userImage_Height:150px;
.userImage{
    width: @userImage_Width;
    height: @userImage_Height;
    border-radius: 50%;
}
</style>